<template>
	<view class="setting-main">
		<view class="setting-item">
			<label class="setting-item-label">接受通知</label>
			<switch class="setting-item-switch" :checked="checked" @change="switchChange" />
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked:true,
			}
		},
		methods: {
			switchChange(){
				this.checked = !this.checked;
			}
		}
	}
</script>

<style>
page{
	height: calc(100% - 24rpx);
	background-color: #F4F4F4;
}
.setting-main{
	margin: 24rpx 32rpx;
	background-color: #FFFFFF;
	border-radius: 16rpx;
}
.setting-item{
	height: 94rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 32rpx;
}
.setting-item-label{
	font-size: 30rpx;
	color: #181818;
}
.setting-item-switch{
	transform: scale(0.7);
}
</style>
